<template>
  <div class="boxBorder">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: "index",
  props: {
    paddingLeft: {
      type: Number | String,
      default: 10
    },
    paddingRight: {
      type: Number | String,
      default: 10
    },
    paddingTop: {
      type: Number | String,
      default: 10
    },
    paddingBottom: {
      type: Number | String,
      default: 10
    }
  }
};
</script>

<style scoped>
.boxBorder {
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0px 3px 10px rgba(0, 117, 255, 0.06);
  opacity: 1;
  border-radius: 8px;
  background-color: white;
}
.boxBorder:hover {
  box-shadow: 0px 3px 10px rgba(0, 117, 255, 0.06);
}
</style>
